<!DOCTYPE html>
<html>
<title>Sony</title>
<meta charset="UTF-8">
<link rel="stylesheet" id="sass-css" href="css/webfontkit/stylesheet.css" type="text/css" media="screen">
<link rel="stylesheet" id="sass-css" href="css/screen.css" type="text/css" media="screen">
<link rel="stylesheet" id="sass-css" href="css/style.css" type="text/css" media="screen">
</head>
<body>

<header>
<nav id="nav">
        <div id="nav_centre">
            <div class="menu">
                <ul>
                    <li style="border-left:1px solid #4d4d4d;"><a href="#"><div>PROJECT</div>
                    <p>RESOUND</p></a></li>
                    <li><a href="#"><div>JOURNEY</div>
                    <p>RESOUND</p></a></li>
                    <li style="margin-right:0px;"><a href="#"><div>CHALLENGE</div>
                    <p>RESOUND</p></a></li>
                </ul>
            </div><!-- end  .menu -->
        <div class="logo"><a href="#"><img src="images/logo_sony.jpg" /></a></div>
            <div class="upgrade">
            <p>upgrade your ears</p>
                <ul class="mainnav">				
                    <li style=" border-right:none; padding-right:0px;"><a href="#p1">Home Theatres</a></li>
                    <li><a href="#p1">Headphones</a></li>
                    <li><a href="#p1">Speakers</a></li>
                </ul>
            </div><!-- end .upgrade -->        
        </div>
    <div class="clear"></div>
</nav>                
<div style="width: 990px; height: 835px;" class="anythingSlider anythingSlider-default activeSlider">
    <div class="anythingWindow">
        <div style="left: 0px; width: 990px;" class="header-content slider anythingBase fade">			
            <div class="slide panel" style=" background:url(images/bg_home.jpg) no-repeat center; opacity: 1; width: 990px; height: 835px;">			
                <div style="max-width: 990px;" class="container">
                    <div class="toggle-trigger">
                    	<div class="header_contatent_outer">
                    	<div class="project_outer"><img src="images/the_project.png">
                            <p>A mission to revive the magic of pure sound.</p>
                            <a href="#"><div class="join"></div></a>
                        </div>
                        <div class="resound">
                        	<div class="coming_soon">
                            	COMING <div>SOON</div>
                            </div>
                        	<div class="resoundu_contest"><img src="images/resoundu_contest.png"></div>
                            <p>Watch Kailash Kher & Shreya Ghoshal <br>
live in a webcert for the first time.</p>
							<div class="prebook">Prebook your presence</div>
                            <div class="register">
                            <input type="text" value="Enter your email" class="cemail emailids" name="Enter your email">
                            <input type="button" class="submit" value="" /></div>
                            <div class="head_phone"><img src="images/head_phone.png"></div>
                            <div class="plugged"><img src="images/plugged_in_wirless.png"></div>
                                <div class="answer">Answer 5 simple questions<br>
about your favourite artists<br>
and walk away with a<br>
<b style="font-weight:bold;">Sony XB-920 Headphone.</b></div>
							<a href="#"><div class="go_for_it"></div></a>
                        </div><!-- end .resound -->                	
                    </div><!-- end .header_contatent_outer --> 
                    </div><!-- end .toggle-trigger --> 
                </div><!-- end .container --> 
            </div><!-- end .slide panel --> 
            <div class="slide panel activePage" style="width:990px;height:835px; background:url(images/bg_home_3.jpg) no-repeat center;">			
				<div style="max-width:990px;" class="container">
					<div class="toggle-trigger">
						<div class="header_contatent_outer">
                    	<div class="project_outer"><img src="images/the_project.png">
                            <p>A mission to revive the magic of pure sound.</p>
                            <a href="#"><div class="join"></div></a>
                        </div>
                        <div class="resound">
                        	<div class="coming_soon">
                            	COMING <div>SOON</div>
                            </div>
                        	<div class="resoundu_contest"><img src="images/resoundu_contest.png"></div>
                            <p>Watch Kailash Kher & Shreya Ghoshal <br>
live in a webcert for the first time.</p>
							<div class="prebook">Prebook your presence</div>
                            <div class="register">
                            <input type="text" class="cemail emailids" id="email" name="email">
                            <input type="button" class="submit" value="" /></div>
                            <div class="head_phone"><img src="images/head_phone.png"></div>
                            <div class="plugged"><img src="images/plugged_in_wirless.png"></div>
                                <div class="answer">Answer 5 simple questions<br>
about your favourite artists<br>
and walk away with a<br>
<b style="font-weight:bold;">Sony XB-920 Headphone.</b></div>
							<a href="#"><div class="go_for_it"></div></a>
                        </div><!-- end .resound -->                       	
                      </div><!-- end .header_contatent_outer --> 
                   </div><!-- end .toggle-trigger --> 
				</div><!-- end .container --> 
			</div><!-- end .slide panel --> 
            <!--
				<div class="slide panel" style="background: url('http://evablackdesign.com/wp-content/uploads/2013/02/homepage-3.png') no-repeat scroll center center transparent; opacity: 0; width: 930px; height: 500px;">			
					<div style="max-width: 930px;" class="container"><div class="toggle-trigger">sanchu</div></div>
				</div>
            -->
			</div><!-- end .header-content slider anythingBase --> 
            </div><!-- end .anythingWindow --> 
            </div><!-- end .anythingSlider --> 

<div id="controller">
    <div class="anythingControls">
        <ul class="thumbNav">
            <li><a class="panel3" href="#"><span>2</span></a></li>
            <li class="last"><a class="panel3" href="#"><span>3</span></a></li>
        </ul>
    </div>
</div><!-- end #controller --> 
<div class="clear"></div>
</header><!-- end header --> 

<div class="header-content_2">        
            <div class="san" style="background-image:url(images/bg_pro_header.jpg); opacity: 1; width: 1400px; height:633px; background-position: 50% 50%; background-repeat: no-repeat no-repeat;">
                <div class="header_outer">
                    <div class="share">
						<!-- AddThis Button BEGIN -->
						<div class="addthis_toolbox addthis_default_style ">
						<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
						<a class="addthis_button_tweet"></a>
						<a class="addthis_button_pinterest_pinit"></a>
						<a class="addthis_counter addthis_pill_style"></a>
						</div>
						<script type="text/javascript">var addthis_config = {"data_track_addressbar":false};</script>
						<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=nikeshyadav"></script>
						<!-- AddThis Button END -->
					</div>
                    <div class="get_closer"><img src="images/upgrade.png"></div>
                    <div class="experience">Experience the rush of pure sound, <br>
    every time you push 'Play'.</div>
                    <div class="crafted">Crafted with cutting edge technology and stunning designs, Sony Audio Devices bring alive every beat, every rhythm and every detail of sound, without compromises. </div>
                </div><!-- .header_outer -->
            </div>
<!-- .san -->
    </div><!-- header-content_2 --> 
    <div class="header-content_3" id="p1">        
        <div class="san" style="background-image:url(images/bg_product.jpg); opacity: 1; width: 1400px; height:466px; background-position: 50% 50%; background-repeat: no-repeat no-repeat;">
            <div class="header_outer">
                <div class="product">
                    <ul>
                        <li><img src="images/pro_headphone.png">
                            <div class="ears">upgrade your ears</div>
                            <div class="moment"><img src="images/get_closer.png"></div>
                            <div class="sound">Upgrade your ears to experience pure sound. <br>
Surrender to the moment with great bass, <br>
controlled treble and crystal clear vocals,
perfectly  <br>balanced for the true music connoisseurs.</div>
                            <div class="range"><a href="#" target="_blank">Explore our Headphones Range &gt;</a></div>
                        </li>
                        <li><img src="images/pro_specker.png">
                            <div class="ears">upgrade your ears</div>
                            <div class="moment"><img src="images/get_closer_pluse.png"></div>
                            <div class="sound">Bring life to any party or let the music cast a <br>
spell on you. Transform your sound experience <br>
with specially designed speakers equipped <br>
with NFC/Bluetooth and USB connectivity.</div>
                            <div class="range"><a href="#" target="_blank">Explore our Speakers Range &gt;</a></div>
                        </li>
                        <li><img src="images/pro_home_theator.png">
                            <div class="ears">upgrade your ears</div>
                            <div class="moment"><img src="images/get_closer_resonance.png"></div>
                            <div class="sound">Action packed blockbusters, classic comedies <br>
or thrilling suspense stories. Make them all <br>
come alive with unmatched clarity and <br>
powerful sound. </div>
                            <div class="range"><a href="#" target="_blank">Explore our Home Theatre Range &gt;</a> </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
</div>
	<div class="clear"></div>
<footer>
	<div class="inner">
    <div class="social">
        <ul>
            <li><a title="facebook" href="http://www.sony.co.in/microsite/smo/facebook.html?hpid=facebook:website:footer" target="_blank"><img title="Become a fan" alt="Become a fan" src="images/facebook.jpg" border="0" /></a></li>
            <li><a title="youtube" href="http://www.sony.co.in/microsite/smo/youtube.html?hpid=youtube:website:footer" target="_blank"><img title="Subscribe" alt="Subscribe" src="images/you_tube.jpg" border="0" /></a></li>
            <li><a title="Twitter" href="https://www.sony.co.in/microsite/smo/twitter.html?hpid=twitter:website:footer" target="_blank"><img title="Follow" alt="Follow" src="images/twitter.jpg" border="0" /></a></li>
        </ul>        
    </div>  
<div class="copy">Copyright © 2013 Sony India. All rights reserved</div><div class="clear"></div>        </div>
<footer>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/js.js"></script>
</body>
</html>